<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2024-06-10 22:56:03
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2024-06-12 23:36:57
 * @FilePath: /chat-ai-plus/src/components/Popup/Popup.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE, 
-->
<template>
  <view class="t_center">
    <view class="heading h3">微信扫码登录</view>
    <view class="subheading color_light"
      >未注册的微信号将自动创建ChatSmart账号</view
    >
    <view class="align-items_center justify_center mt_lg">
      <view class="image-box">
        <u-image
          src="https://cdn.uviewui.com/uview/album/1.jpg"
          width="160px"
          height="160px"
        ></u-image>
      </view>
    </view>
    <slot></slot>
    <view class="mt_sm size_sm color_light">
        注册登录即代表同意ChatSmart《用户协议》《隐私政策》
      </view>
  </view>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'WeChat',
  setup() {},
});
</script>

<style lang="scss" scoped>
@import '@/styles/variables.scss';

.image-box {
  padding: $space;
  border-radius: map-get($radii, lg);
  background: $white-color;
}

.hint {
  font-size: 12px;
}
</style>
